Mukti

Medical & Pregnancy Care Clinic HTML Template

Installation

Follow the steps below to get started with mukti Medical & Pregnancy Care Clinic HTML Template  :

  1. Open the Package/mukti Folder to find all the Templates Files
  2. You will need to Upload these files to your Web Server using FTP or cPanle in order to use it on your Website.
  3. Make sure you have upload the required files and folders listed below:
    • mukti HTML/assets - Stylesheets, JavaScript, Fonts etc Folder 
    • mukti HTML/assets/images - Images Folder  
    • mukti HTML/index.html - Index File/Homepage
    The other files can be used according to your preferences.
  4. You're now ready to go..! Start adding your Content and show off your Brand New Website.

Features At A Glance

  1. HTML5 & CSS3 & jQuery
  2. Modern And Creative Design
  3. Universal menu
  4. 100% Responsive
  5. Well documented
  6. Complete SASS files
  7. Bootstrap 4
  8. IcoFont Used
  9. SwiperSlider Used
  10. Google Font Used
  11. Google Map
  12. Eye Catching Design
  13. W3C Valid Code

HTML Structure

mukti has follows a simple coding structure. here is the sample:

 

						


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- google fonts -->
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link
        href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,
        300;1,400;1,500;1,700;1,900&display=swap"
        rel="stylesheet">
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="assets/images/logo/logo2.png">
    <!-- Other css -->
    <link rel="stylesheet" href="assets/css/animate.css">
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/icofont.min.css">
    <link rel="stylesheet" href="assets/css/swiper.min.css">
    <link rel="stylesheet" href="assets/css/hc-offcanvas-nav.css">
    <link rel="stylesheet" href="assets/css/style.css">

    <title>mukti</title>
</head>

<body>
    <!-- ========== Mobile-nav section start here ========== -->
    <div class="mobile-menu">
        <div class="container">
            <div class="mobile-menu-wrapper">
                <div class="logo">
                    <a href="index.html">
                        <img src="assets/images/logo/logo.png" alt="mukti">
                    </a>
                </div>
                <div class="open-menu"><i class="icofont-navigation-menu"></i></div>
            </div>
            <nav id="mobile-nav">
                <ul class="home-nav">
                    <li class="home">
                        <a href="index.html">Home</a>
                        <ul>
                            <li><a href="index.html">Home-1</a></li>
                            <li><a href="index-2.html">Home-2</a></li>
                        </ul>
                    </li>
                </ul>
                <ul class="depart-nav">
                    <li class="depart">
                        <a href="about.html">Department</a>
                    </li>
                </ul>
                <ul class="doctor-nav">
                    <li class="doctor">
                        <a href="doctor.html">Doctors</a>
                        <ul>
                            <li><a href="doctor.html">Doctors</a></li>
                            <li><a href="doctor-single.html">Doctor Single</a></li>
                            <li><a href="doctor-timeline.html">Doctor Timeline</a></li>
                        </ul>
                    </li>
                </ul>
                <ul class="service-nav">
                    <li class="service">
                        <a href="service.html">Services</a>
                        <ul>
                            <li><a href="service.html">Services</a></li>
                            <li><a href="service-single.html">Service Single</a></li>
                        </ul>
                    </li>
                </ul>
                <ul class="shop-nav">
                    <li class="shop">
                        <a href="shop.html">Shop</a>
                        <ul>
                            <li><a href="shop.html">Shop</a></li>
                            <li><a href="shop-single.html">Shop Single</a></li>
                            <li><a href="cart.html">Shop Cart</a></li>
                        </ul>
                    </li>
                </ul>
                <ul class="blog-nav">
                    <li class="blog">
                        <a href="blog.html">Blog</a>
                        <ul>
                            <li><a href="blog.html">Blog Page</a></li>
                            <li><a href="blog-single.html">Blog Single</a></li>
                        </ul>
                    </li>
                </ul>
                <ul class="short-nav">
                    <li class="short">
                        <a href="contact.html">Shortcodes</a>
                        <ul>
                            <li><a href="about.html">About Page</a></li>
                            <li><a href="contact.html">Contact</a></li>
                            <li><a href="404.html">404 Error</a></li>
                        </ul>
                    </li>
                </ul>

            </nav>
        </div>
    </div>
    <!-- ========== Mobile-nav section end here ========== -->


    <!-- ==========Header Section Starts Here========== -->
    <header class="header-section d-none d-lg-block">
        <div class="header-top">
            <div class="container">
                <div class="row justify-content-between align-items-center px-15">
                    <div class="header-logo">
                        <a href="#" class="logo"><img src="assets/images/logo/logo.png" alt="logo"></a>
                    </div>
                    <ul class="header-contact-info d-flex align-items-center">
                        <li class="item">
                            <div class="item-inner">
                                <div class="item-thumb">
                                    <img src="assets/images/header/1.png" alt="">
                                </div>
                                <div class="item-content">
                                    <span>Number :</span>
                                    <p>+880123456789</p>
                                </div>
                            </div>
                        </li>
                        <li class="item">
                            <div class="item-inner">
                                <div class="item-thumb">
                                    <img src="assets/images/header/2.png" alt="">
                                </div>
                                <div class="item-content">
                                    <span>Email :</span>
                                    <p>mukti@gmail.com</p>
                                </div>
                            </div>
                        </li>
                        <li class="item">
                            <div class="item-inner">
                                <div class="item-thumb">
                                    <img src="assets/images/header/3.png" alt="">
                                </div>
                                <div class="item-content">
                                    <span>Address :</span>
                                    <p>12 North West New York 100</p>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="header-bottom">
            <nav class="container">
                <div class="primary-menu">
                    <div class="menu-area">
                        <div class="row justify-content-between px-15">
                            <ul class="main-menu d-flex">
                                <li class="active">
                                    <a href="#">Home</a>
                                    <ul class="submenu">
                                        <li class="active"><a href="index.html">home page one</a></li>
                                        <li><a href="index-2.html">home page two</a></li>
                                    </ul>
                                </li>
                                <li><a href="about.html">Departments</a></li>
                                <li><a href="#">Doctors</a>
                                    <ul class="submenu">
                                        <li><a href="doctor.html">Doctor Page</a></li>
                                        <li><a href="doctor-single.html">Doctor Single</a></li>
                                        <li><a href="doctor-timeline.html">Doctor Timeline</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Services</a>
                                    <ul class="submenu">
                                        <li><a href="service.html">Services Page</a></li>
                                        <li><a href="service-single.html">Services Single</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Shop</a>
                                    <ul class="submenu">
                                        <li><a href="shop.html">Shop Page</a></li>
                                        <li><a href="shop-single.html">Shop Single</a></li>
                                        <li><a href="cart.html">Shop Cart</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Blog</a>
                                    <ul class="submenu">
                                        <li><a href="blog.html">Blog Page</a></li>
                                        <li><a href="blog-single.html">Blog Single</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Shortcodes</a>
                                    <ul class="submenu">
                                        <li><a href="about.html">About</a></li>
                                        <li><a href="contact.html">Contact Us</a></li>
                                        <li><a href="404.html">404</a></li>
                                    </ul>
                                </li>
                            </ul>
                            <ul class="nav-widget d-flex justify-content-between align-items-center">
                                <li class="nav-search">
                                    <input type="text" name="search" placeholder="search here">
                                    <span class="search"><i class="icofont-search-1"></i></span>
                                </li>
                                <li class="buy-cart ml-3">
                                    <i class="icofont-bag"></i>
                                    <span>2</span>
                                    <div class="cart-content">
                                        <div class="cart-item">
                                            <div class="cart-img">
                                                <a href="#"><img src="assets/images/buycart/1.jpg" alt=""></a>
                                            </div>
                                            <div class="cart-des">
                                                <a href="#">Product Title Hore</a>
                                                <p>$20.00</p>
                                            </div>
                                            <div class="cart-btn">
                                                <a href="#"><i class="icofont-close"></i></a>
                                            </div>
                                        </div>
                                        <div class="cart-item">
                                            <div class="cart-img">
                                                <a href="#"><img src="assets/images/buycart/2.jpg" alt=""></a>
                                            </div>
                                            <div class="cart-des">
                                                <a href="#">Product Title Hore</a>
                                                <p>$20.00</p>
                                            </div>
                                            <div class="cart-btn">
                                                <a href="#"><i class="icofont-close"></i></a>
                                            </div>
                                        </div>
                                        <div class="cart-bottom">
                                            <div class="cart-subtotal">
                                                <p>Total: <b class="float-right">$40.00</b></p>
                                            </div>
                                            <div class="cart-action">
                                                <button type="submit" class="button d-btn2">View cart</button>
                                                <button type="submit" class="button d-btn2">Checkout</button>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </nav>
        </div>
    </header>
    <!-- ==========Header Section Ends Here========== -->


    <!-- ==========Banner Section Start Here========== -->
    <section class="banner-section" style="background-image: url(assets/images/banner/1.jpg);">
        <div class="container">
            <div class="banner-wrapper">
                <div class="banner-content">
                    <h2 class="wow fadeInDown" data-wow-duration="2s" data-wow-delay=".1s">Best Medical
                        Clinic
                    </h2>
                    <h1 class="wow fadeInLeft" data-wow-duration="2s" data-wow-delay=".1s"><b>Bringing
                            Health</b> To Life For The Whole Family...</h1>
                    <a href="#" class="lab-btn wow fadeInUp" data-wow-duration="1s" data-wow-delay=".1s"><span>Get
                            Appoinments <i class="icofont-rounded-double-right"></i></span>
                    </a>
                </div>
            </div>
        </div>
    </section>
    <!-- ==========Banner Section Ends Here========== -->
    
     <!-- ==========Footer Section start Here========== -->
    <section class="footer-section style-1">
        <div class="container">
            <div class="section-wrapper">
                <div class="footer-top">
                    <div class="row">
                        <div class="col-12 col-sm-6 col-xl-3 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".1s">
                            <div class="contact-info">
                                <h3>Contact Info</h3>
                                <p>Rapidiously seize wireless strategic theme areas and corporate testing
                                    procedures.
                                    Uniquely</p>
                                <ul class="lab-ul">
                                    <li><i class="icofont-home"></i> Suite 02 New Elephant Road usa</li>
                                    <li><i class="icofont-phone"></i> +880 142 258 123, 02-96936</li>
                                    <li><i class="icofont-envelope"></i> <a href="#"> info@labartisan.com</a></li>
                                    <li><i class="icofont-globe"></i> <a href="#"> www.labartisan.com</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-12 col-sm-6 col-xl-3 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".2s">
                            <div class="doctor-info mb-5 mb-sm-0">
                                <h3>Our Doctors</h3>
                                <ul class="lab-ul">
                                    <li><i class="icofont-double-right"></i><a href="#"> Dr. Nick Sims</a></li>
                                    <li><i class="icofont-double-right"></i><a href="#"> Dr. Michael Linden</a></li>
                                    <li><i class="icofont-double-right"></i><a href="#"> Dr. Max Turner</a></li>
                                    <li><i class="icofont-double-right"></i><a href="#"> Dr. Amy Adams</a></li>
                                    <li><i class="icofont-double-right"></i><a href="#"> Dr. Julia Jameson</a></li>
                                    <li><i class="icofont-double-right"></i><a href="#"> Dr. Michael Linden</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-12 col-sm-6 col-xl-3 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".3s">
                            <div class="service-info  mb-5 mb-sm-0">
                                <h3>Our Services</h3>
                                <ul class="lab-ul">
                                    <li><i class="icofont-double-right"></i><a href="#">Outpatient Surgery</a></li>
                                    <li><i class="icofont-double-right"></i><a href="#">Cardiac Clinic</a></li>
                                    <li><i class="icofont-double-right"></i><a href="#">Ophthalmology Clinic</a>
                                    </li>
                                    <li><i class="icofont-double-right"></i><a href="#">Gynaecological Clinic</a>
                                    </li>
                                    <li><i class="icofont-double-right"></i><a href="#">Outpatient
                                            Rehabilitation</a>
                                    </li>
                                    <li><i class="icofont-double-right"></i><a href="#">Ophthalmology Clinic</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-12 col-sm-6 col-xl-3 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".4s">
                            <div class="time-info">
                                <h3>opening hours</h3>
                                <div class="dep-item">
                                    <div class="dep-item-inner d-flex justify-content-between">
                                        <div class="day-name">Satarday</div>
                                        <div class="day-time">8:00 am-10:00 pm</div>
                                    </div>
                                </div>
                                <div class="dep-item">
                                    <div class="dep-item-inner d-flex justify-content-between">
                                        <div class="day-name">Sunday</div>
                                        <div class="day-time">6:00 am-8:00 pm</div>
                                    </div>
                                </div>
                                <div class="dep-item">
                                    <div class="dep-item-inner d-flex justify-content-between">
                                        <div class="day-name">Monday</div>
                                        <div class="day-time">6:00 am-2:00 pm</div>
                                    </div>
                                </div>
                                <div class="dep-item">
                                    <div class="dep-item-inner d-flex justify-content-between">
                                        <div class="day-name">Tuesday</div>
                                        <div class="day-time">7:00 am-9:00 pm</div>
                                    </div>
                                </div>
                                <div class="dep-item">
                                    <div class="dep-item-inner d-flex justify-content-between">
                                        <div class="day-name">Widnessday</div>
                                        <div class="day-time">10:00 am-12:00 pm</div>
                                    </div>
                                </div>
                                <div class="dep-item">
                                    <div class="dep-item-inner d-flex justify-content-between">
                                        <div class="day-name">Thirsday</div>
                                        <div class="day-time">2:00 am-6:00 pm</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="footer-bottom">
                    <div class="copyright text-center wow fadeInUp" data-wow-duration="1s" data-wow-delay=".1s">
                        <span>Copyright &copy; 2021 <a href="#">mukti</a>. Designed by <a
                                href="#">LabArtisan.com</a></span>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ==========Footer Section Ends Here========== -->

 

CSS Structure

We are using several CSS files in this Template. labartisan Always follow the latest trends of coding standard. Many browser interpret the default behavior of HTML elements differently. By using a general reset CSS file, we can work round this. This file also contains some general styling, such as anchor tag colors, font-sizes, etc. Keep in mind, that these values might be overridden somewhere else in the file.

CSS Fiile Included

  • Animate css used
  • Bootstrap css used
  • Icofont used
  • Swiper Slider used
  • caresouce CSS used
  • and some other necessary css files 
style.css situated on assets/css/ contain the the all necessary custom style which is well organized and following are the style.css file structure :
 
 
	
 


@charset "UTF-8";
/*!
Template Name: mukti
Template URI: https://themeforest.net/user/labartisan
Author: labartisan.com
Author URI: https://themeforest.net/user/labartisan
Description: Description
Version: 1.0.0
Text Domain: mukti
Tags: clinic, doctors, hospital, medical, medical advises, ncov-2021, responsive,mukti

*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Global CSS
# Header CSS
	*Style-1
	*Style-2
	*Mobile Header
# Page Header
# Banner
	*Style-1
	*Style-2
# Service
# Team
# About

#Department

# Blog
	*Style-1
	*Blog Single
# Blog Widget
# Sponsor
# FAQ
# Contact Us
# Fore Zero Page
#Footer
--------------------------------------------------------------*/
/* @@@@@@@@@@@@@  Extend Property CSS Writing Now  @@@@@@@@@@@@@@ */
.footer-section.style-1 .footer-top .footer-about .bottom .news-input, 
.contact-us .contact-form, .contact-us .contact-area .contact-item, 
.widget.letest-product .widget-wrapper ul li, .widget.widget-tags
ul.widget-wrapper, .blog-section .main-blog .blog-wrapper .post-item
.tags-section .tags, .blog-section .main-blog .blog-wrapper .post-item .tags-section,
.blog-section .post-item-inner .blog-footer, .paginations ul li a, .shop-single .review 
.review-content .review-showing .client-review .review-form form 
.rating ul, .shop-single .review .review-content .review-showing 
.client-review .review-form form .rating, .shop-single .review 
.review-content .review-showing .content li .post-content .entry-meta 
.posted-on, .shop-single .review .review-content .review-showing
.content li .post-content .entry-meta, .shop-single .review 
.review-nav, .shop-single .product-details .post-content form,
.shop-page .modal .modal-dialog .modal-content .modal-body 
.product-details-inner .cart-button, .shop-page .shop-product-wrap 
.product-item .product-thumb .product-action-link,
.shop-page .shop-product-wrap .product-list-item .product-thumb 
.product-action-link, .shop-cart .section-wrapper .cart-bottom 
.shiping-box .cart-overview ul li, .shop-cart .section-wrapper 
.cart-bottom .cart-checkout-box .cart-checkout, .shop-cart 
.section-wrapper .cart-bottom .cart-checkout-box, .shop-cart
.section-wrapper .cart-top table tbody tr td.product-item, 
.timeline .class-schedule-main .class-schedule-all, .about-section.style-2
.section-wrapper .sp-personal-content .award-items .award-item,
.about-section.style-2 .section-wrapper .about-item 
.about-content ul li, .about-section.style-1 .section-wrapper
.about-item .about-content ul li, .newsletter-section.style-1
.section-wrapper, .blog-section .service-item-inner .blog-footer,
.testimonial-section.style-1 .section-wrapper .testi-slider 
.testi-item .testi-item-inner .testi-thumb .testi-info .rating, 
.testimonial-section.style-1 .section-wrapper .testi-slider .testi-item
.testi-item-inner .testi-thumb, .appointment-section.style-1 .section-wrapper
.appointment-left .time-info .dep-item .dep-item-inner, 
.appointment-section.style-1 .section-wrapper, .main-content .post-content
.doctor-list .post-item .post-item-inner, .main-content .post-content
.doctor-list, .main-content .post-content ul li, .main-content
.post-content ul, .single-sidebar 
.letest-product .widget-wrapper ul li, .single-sidebar .timetable-widget 
.widget-wrapper ul li, .single-sidebar .tag-widget .widget-wrapper ul, 
.single-sidebar .gellary-widget .widget-wrapper ul, .service-section.style-3 
.section-wrapper .service-item .service-content, .service-section.style-3 
.section-wrapper, .service-section.style-1 .section-wrapper .service-item 
.service-inner, .service-section.style-1 .section-wrapper .service-item, 
.counter-section.style-1 .section-wrapper .counter-item .counter-item-inner,
.department-section.style-2 .section-wrapper, .department-section.style-1
.section-content .department-top .dep-tab {
  display: flex;
  flex-wrap: wrap;
}

.footer-section.style-1 .footer-top .footer-about .bottom .news-input, .contact-us 
.contact-wrap, .widget.widget-search .search-wrapper, .blog-section .main-blog 
.blog-wrapper .post-item .tags-section .tags li span, .blog-section .main-blog 
.blog-wrapper .post-item.video-post .post-item-inner .post-thumb .embed-responsive,
.blog-section .main-blog .blog-wrapper .post-item.post-slider .post-item-inner 
.post-thumb .blog-slider, .blog-section .main-blog .blog-wrapper .post-item 
.post-item-inner .post-content blockquote p, .cart-plus-minus, .paginations ul li a,
.video-thumb, .section-header, .lab-btn, .widget-title h3, .lab-ul.icon-style-list > li i,
.shop-single .review .review-content .description .post-item .post-content ul li,
.shop-single .review .review-content .review-showing .client-review .review-form
.review-title h5, .shop-single .product-details .post-content form .select-product select,
.shop-single .product-details .post-content form .select-product, .shop-single 
.product-details .shop-single-slider.shop-thumb-top, .shop-page .shop-product-wrap 
.product-item .product-thumb,
.shop-page .shop-product-wrap .product-list-item .product-thumb, .shop-cart 
.section-wrapper .cart-bottom .shiping-box .calculate-shiping .outline-select select, 
.shop-cart .section-wrapper .cart-bottom .shiping-box .calculate-shiping .outline-select,
.contact-us .section-wrapper .here-form form #datepicker, .contact-us .section-wrapper 
.contact-info ul li, .timeline .class-schedule-main .class-schedule-all 
.each-day ul li.cool-exercise .course-time p, .timeline .class-schedule-main 
.class-schedule-all .each-day ul li, .timeline .class-schedule-top .schedule-course a, 
.about-section.style-2 .section-wrapper .about-item .about-content ul li .info p, 
.about-section.style-1 .section-wrapper .about-item .about-content ul li .info p, 
.newsletter-section.style-1 .section-wrapper .right .news-input, .testimonial-section.style-1
.section-wrapper .testi-slider .testi-item .testi-item-inner .testi-content, 
.aid-section .section-wrapper .aid-slider.gallery-thumbs .lab-item p, .aid-section
.section-wrapper .aid-slider.gallery-thumbs, .aid-section .section-wrapper .aid-slider
.lab-item .lab-item-inner .lab-thumb, .appointment-section.style-1 .section-wrapper
.appointment-right form select, .appointment-section.style-1, .main-content
.post-content ul li .surgary-price, .main-content .post-content ul li .surgary-title,
.single-sidebar .appointment-widget .widget-wrapper form .outline-select select,
.single-sidebar .appointment-widget .widget-wrapper form .outline-select, 
.single-sidebar .cetagory-widget .widget-wrapper ul li a, .single-sidebar 
.department-widget .widget-wrapper ul li a, .single-sidebar .search-widget 
.search, .service-section.style-2 .section-wrapper .service-item:nth-child(3) 
.service-inner, .service-section.style-2 .section-wrapper .service-item .service-inner 
.service-thumb, .service-section.style-2 .section-wrapper, .service-section.style-1 
.section-wrapper .service-item .service-inner .service-thumb, .department-section.style-1
.section-content .department-bottom .tab-content .post-content ul li, .banner-section.style-2
.contant-area .banner-contant span, .page-header-section.style-1 .page-header-content
.page-header-content-inner .breadcrumb li a, .nav-widget .buy-cart .cart-action 
.button, .nav-widget .buy-cart, .nav-widget .nav-search, .main-menu li a, .main-menu li,
.header-bottom, .mobile-menu .mobile-menu-wrapper, .doctor-item.style-1 .doctor-inner 
.doctor-content .doctor-contact, .dd-icon-right, .dd-icon-down {
  position: relative;
}

.footer-section.style-1 .footer-top .footer-about .bottom .news-input::after,
.widget.widget-search .search-wrapper button, .blog-section .main-blog 
.blog-wrapper .post-item .tags-section .tags li span::after, .blog-section
.main-blog .blog-wrapper .post-item.post-slider .post-item-inner .post-thumb 
.blog-slider .blog-slider-prev,
.blog-section .main-blog .blog-wrapper .post-item.post-slider .post-item-inner
.post-thumb .blog-slider .blog-slider-next, .blog-section .main-blog .blog-wrapper
.post-item .post-item-inner .post-content blockquote p::before, .cart-plus-minus
.qtybutton, .video-thumb .video-icon, .lab-btn::before, .lab-btn::after, 
.widget-title h3::after, .widget-title h3::before, .lab-ul.icon-style-list >
li i:after, .shop-single .review .review-content .description .post-item 
.post-content ul li::before, .shop-single .review .review-content .review-showing 
.client-review .review-form .review-title h5::after, .shop-single .review .review-content
.review-showing .client-review .review-form .review-title h5::before, .shop-single
.product-details .post-content form .select-product i, .shop-single .product-details
.shop-single-slider.shop-thumb-top .product-img-next,
.shop-single .product-details .shop-single-slider.shop-thumb-top .product-img-prev,
.shop-page .modal .modal-dialog .modal-content button.close, .shop-page .shop-product-wrap
.product-item .product-thumb .product-action-link,
.shop-page .shop-product-wrap .product-list-item .product-thumb .product-action-link, 
.shop-cart .section-wrapper .cart-bottom .shiping-box .calculate-shiping .outline-select
.select-icon, .contact-us .section-wrapper .here-form form .date-label, .contact-us
.section-wrapper .contact-info ul li:before, .timeline .class-schedule-main 
.class-schedule-all .each-day ul li.cool-exercise .course-time p:before, .timeline 
.class-schedule-main .class-schedule-all .each-day ul li.cool-exercise .course-time,
.timeline .class-schedule-top .schedule-course a::after, .about-section.style-2 
.section-wrapper .about-item .about-content ul li .info p::after, .about-section.style-1 
.section-wrapper .about-item .about-content ul li .info p::after, .testimonial-section.style-1
.section-wrapper .testi-slider .testi-item .testi-item-inner .testi-content img,
.aid-section .section-wrapper .aid-slider.gallery-thumbs .lab-item p::before, 
.appointment-section.style-1::before, .appointment-section.style-1::after, 
.main-content .post-content ul li .surgary-price::before, .main-content .post-content 
ul li .surgary-title::before, .single-sidebar .appointment-widget .widget-wrapper 
form .outline-select .select-icon, .single-sidebar .cetagory-widget .widget-wrapper 
ul li a::after, .single-sidebar .department-widget .widget-wrapper ul li a::after, 
.single-sidebar .search-widget .search a, .service-section.style-2 .section-wrapper
.service-item .service-inner .service-thumb:after, .service-section.style-2 .section-wrapper
.service-item .service-inner .service-thumb .thumb-icon, .page-header-section.style-1 
.page-header-content .page-header-content-inner .breadcrumb li a::before,
.header-section.style-2 .header-bottom .menu-area .nav-widget .nav-search .search-form, 
.header-section.style-2 .header-bottom, .nav-widget .buy-cart .cart-content, 
.nav-widget .buy-cart span, .nav-widget .nav-search .search, .main-menu li .submenu,
.mobile-menu .mobile-menu-wrapper .open-menu, .doctor-item.style-1 .doctor-inner
.doctor-content .doctor-contact:before, .dd-icon-right::before, .dd-icon-right::after, 
.dd-icon-down::before, .dd-icon-down::after {
  position: absolute;
  content: "";
}

.widget .widget-header, .comments .comment-list .comment .com-content, .comments 
.comment-list .comment .com-image, .comments .comment-list .comment, .blog-section 
.main-blog .blog-wrapper .post-item.video-post .post-item-inner .post-thumb
.embed-responsive, .blog-section .post-item-inner .post-thumb, .cart-plus-minus, 
.lab-btn, .shop-single .product-details .shop-single-slider, .shop-single .product-details,
.shop-single .single-sidebar .search-widget, .shop-page .shop-product-wrap .product-item
.product-thumb,
.shop-page .shop-product-wrap .product-list-item .product-thumb, .shop-page .single-sidebar 
.search-widget, .timeline .class-schedule-top, .timeline, .sponsor-section .sponsor-area,
.blog-section .service-item-inner .service-thumb, .testimonial-section.style-1 
.section-wrapper .testi-slider, .aid-section .section-wrapper, .main-content .post-content
.doctor-list .post-item .post-item-inner .post-thumb, .service-section.style-1 .section-wrapper
.service-item .service-inner .service-thumb, .page-header-section.style-1, .nav-widget 
.buy-cart .cart-item, .header-top, .doctor-item.style-2 .doctor-inner .doctor-thumb, 
.doctor-item.style-1 .doctor-inner .doctor-thumb,
.blog-section .main-blog .blog-wrapper
.post-item .post-item-inner .post-content h3 a, .blog-section .post-item-inner 
.post-content h4 > a {
  overflow: hidden;
}

.footer-section.style-1 .footer-top .footer-about .bottom .news-input button[type=submit],
.comment-respond .add-comment form button.lab-btn, .blog-section .main-blog 
.blog-wrapper .post-item.post-slider .post-item-inner .post-thumb .blog-slider.blog-slider-prev,
.blog-section .main-blog .blog-wrapper .post-item.post-slider .post-item-inner 
.post-thumb .blog-slider .blog-slider-next, .cart-plus-minus, .lab-btn, .shop-single 
.review .review-content .review-showing .client-review .review-form form .lab-btn,
.shop-single .review .review-nav li, .shop-single .product-details .post-content form button,
.shop-single .product-details .shop-single-slider.shop-thumb-top .product-img-next,
.shop-single .product-details .shop-single-slider.shop-thumb-top .product-img-prev, 
.shop-page .shop-product-wrap .product-item .product-thumb .product-action-link a.view-modal,
.shop-page .shop-product-wrap .product-list-item .product-thumb .product-action-link
a.view-modal, .shop-cart .section-wrapper .cart-bottom .cart-checkout-box 
.cart-checkout input[type=submit], .shop-cart .section-wrapper .cart-bottom
.cart-checkout-box 
.coupon input[type=submit], .contact-us .section-wrapper .here-form form .lab-btn,
.newsletter-section.style-1 .section-wrapper .right .news-input button[type=submit], 
.aid-section .section-wrapper .aid-slider.gallery-thumbs .lab-item,
.appointment-section.style-1 .section-wrapper .appointment-right form select option, 
.appointment-section.style-1 .section-wrapper .appointment-right form select,
.appointment-section.style-1 .section-wrapper .appointment-right form input[type=date],
.nav-widget .buy-cart .cart-action .button, .nav-widget .buy-cart, .nav-widget .nav-search .search {
  cursor: pointer;
}

.gmaps-section .map-area iframe, .widget.shop-widget .widget-wrapper .shop-menu li 
.shop-submenu, .widget.shop-widget .widget-wrapper .shop-menu li a, 
.widget.widget-post ul.widget-wrapper li .post-thumb a img, .widget.widget-search 
.search-wrapper input, .comment-respond .add-comment form input.subject, .blog-section
.main-blog .blog-wrapper .post-item.video-post .post-item-inner .post-thumb 
.embed-responsive, .blog-section .post-item-inner .post-thumb a img, .video-thumb img,
.lab-btn::before, .lab-btn::after, .lab-ul.icon-style-list > li i:after, .shop-single 
.review .review-content .review-showing .content li .post-content, .shop-single .review
.review-content .review-showing .content li .post-thumb, .shop-single .product-details 
.post-content form button, .shop-single .product-details .post-content form .discount-code,
.shop-single .product-details .post-content form .select-product select, .shop-single
.product-details .post-content form .select-product, .shop-single .product-details
.shop-single-slider .shop-pro-thumb img, .shop-page .modal .modal-dialog .modal-content 
.modal-body .product-details-inner .popup-slide .slider-for .thumb img, .shop-page 
.shop-product-wrap .product-list-item .product-content, .shop-page .shop-product-wrap
.product-list-item .product-thumb, .shop-page .shop-product-wrap .product-item 
.product-thumb .product-action-link,
.shop-page .shop-product-wrap .product-list-item .product-thumb .product-action-link, 
.shop-page .shop-product-wrap .product-item .product-thumb img,
.shop-page .shop-product-wrap .product-list-item .product-thumb img, .shop-cart 
.section-wrapper .cart-bottom .shiping-box .calculate-shiping .outline-select.shipping-select,
.shop-cart .section-wrapper .cart-bottom .shiping-box .calculate-shiping 
.outline-select select, .shop-cart .section-wrapper .cart-bottom .cart-checkout-box 
.cart-checkout, .shop-cart .section-wrapper .cart-top table, .map-section .map #g-map, 
.map-section .map, .contact-us .section-wrapper .here-form form select, .timeline 
.class-schedule-main .class-schedule-all .each-day ul li.cool-exercise .course-time,
.about-section.style-1 .section-wrapper .about-thumb img, .blog-section .service-item-inner
.service-thumb a img, .testimonial-section.style-1 .section-wrapper .testi-slider .testi-item,
.aid-section .section-wrapper .aid-slider.gallery-thumbs .lab-item p::before, .aid-section
.section-wrapper .aid-slider .lab-item .lab-item-inner .lab-thumb img, 
.appointment-section.style-1 .section-wrapper .appointment-right form select, 
.appointment-section.style-1 .section-wrapper .appointment-right, .appointment-section.style-1
.section-wrapper .appointment-left, .appointment-section.style-1::before, 
.appointment-section.style-1::after, .main-content .post-content .doctor-list 
.post-item .post-item-inner .post-content .member-contact li, .main-content 
.post-content ul li, .main-content .post-thumb img, .single-sidebar .appointment-widget
.widget-wrapper form .outline-select select, .service-section.style-3 .section-wrapper 
.service-item .service-content, .service-section.style-3 .section-wrapper .service-item 
.service-thumb img, .service-section.style-3 .section-wrapper .service-item .service-thumb,
.service-section.style-2 .section-wrapper .service-item .service-inner .service-thumb:after, 
.service-section.style-2 .section-wrapper .service-item .service-inner .service-thumb > img,
.service-section.style-1 .section-wrapper .service-item .service-inner .service-content, 
.service-section.style-1 .section-wrapper .service-item .service-inner .service-thumb img,
.service-section.style-1 .section-wrapper .service-item .service-inner .service-thumb, 
.department-section.style-1 .section-content .department-bottom .tab-content 
.post-thumb img, .department-section.style-1 .section-content .department-bottom 
.tab-content .post-thumb, .header-section.style-2 .header-bottom, .header-bottom.menu-fixed,
.mobile-menu, .doctor-item.style-2 .doctor-inner .doctor-thumb img, .doctor-item.style-1 
.doctor-inner .doctor-thumb img, input,
textarea {
  width: 100%;
}

.widget.widget-post ul.widget-wrapper li .post-thumb a, .lab-btn::before, .lab-btn::after,
.shop-page .shop-product-wrap .product-item .product-thumb .product-action-link,
.shop-page .shop-product-wrap .product-list-item .product-thumb .product-action-link,
.map-section .map #g-map, .timeline .class-schedule-main .class-schedule-all .each-day
ul li.cool-exercise .course-time, .about-section.style-1 .section-wrapper .about-thumb
img, .about-section.style-1 .section-wrapper .about-thumb, .service-section.style-3 
.section-wrapper .service-item .service-thumb img, .service-section.style-3 
.section-wrapper .service-item .service-thumb, .service-section.style-2 .section-wrapper
.service-item .service-inner .service-thumb > img, .service-section.style-1 .section-wrapper
.service-item .service-inner .service-thumb img, .department-section.style-1 .section-content
.department-bottom .tab-content .post-thumb img, .department-section.style-1
.section-content .department-bottom .tab-content .post-thumb {
  height: 100%;
}

.footer-section.style-1 .footer-top .footer-about .bottom .news-input button[type=submit],
.footer-section.style-1 .footer-top .footer-about .bottom .news-input::after, .comments
.comment-list .comment .com-content .com-title .reply a, .blog-section .main-blog 
.blog-wrapper .post-item.code-post .post-item-inner .post-thumb .code-content p, 
.text-btn, .shop-single .review .review-content .review-showing .content li .post-content 
.entry-meta .posted-on a, .shop-single .review .review-nav li, .shop-cart .section-wrapper
.cart-bottom .shiping-box .calculate-shiping button, .shop-cart .section-wrapper 
.cart-top table, .timeline .class-schedule-main .class-schedule-all 
.each-day ul li.cool-exercise .course-name, .about-section.style-2 .section-wrapper
.about-item .about-content ul li .info p::after, .about-section.style-1 .section-wrapper
.about-item .about-content ul li .info p::after, .single-sidebar .shop-widget
.widget-wrapper .shop-menu li a, .single-sidebar .tag-widget .widget-wrapper ul li a,
.single-sidebar .department-widget .widget-wrapper ul li a, .page-header-section.style-1
.page-header-content .page-header-content-inner .page-title .title-text, 
.page-header-section.style-1 .page-header-content .page-header-content-inner .breadcrumb li a,
.nav-widget .buy-cart .cart-des span, .nav-widget .buy-cart .cart-des p, .main-menu li a,
.header-contact-info .item .item-inner .item-content p, .pagination-area .pagination li a,
.pagination-area .pagination li.dot, .feature-item .lab-inner .lab-content a, h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
a h1,
a h2,
a h3,
a h4,
a h5,
a h6 {
  font-weight: 700;
}

.blog-section .post-item-inner .blog-footer .blog-comment, .timeline .class-schedule-main 
.class-schedule-all .each-day h5, .timeline .class-schedule-top .schedule-course a::after,
.timeline .class-schedule-top .schedule-course, .main-content .post-content ul li 
.surgary-price::before, .main-content .post-content ul li .surgary-title::before, 
.single-sidebar .shop-widget .widget-wrapper .shop-menu li .shop-submenu li a, 
.single-sidebar .cetagory-widget .widget-wrapper ul li a::after, .single-sidebar 
.department-widget .widget-wrapper ul li a::after, .banner-section .banner-wrapper 
.banner-content h1, .banner-section .banner-wrapper .banner-content h2, .page-header-section.style-1
.page-header-content .page-header-content-inner .breadcrumb li.active, 
.nav-widget .nav-search input ::-ms-input-placeholder, .nav-widget .nav-search
input :-ms-input-placeholder, .nav-widget .nav-search input::placeholder, 
.pagination-area .pagination li.next a, .pagination-area .pagination li.prev a {
  font-weight: 400;
}

.widget.widget-tags ul.widget-wrapper, .paginations ul li a, .newsletter-section.style-1 
.section-wrapper, .main-content .post-content .doctor-list .post-item .post-item-inner,
.single-sidebar .gellary-widget .widget-wrapper ul, .counter-section.style-1
.section-wrapper .counter-item .counter-item-inner, .department-section.style-2 
.section-wrapper, .department-section.style-1 .section-content .department-top 
.dep-tab, .main-menu {
  justify-content: center;
}

.contact-us .contact-form, .contact-us .contact-area .contact-item, .comments
.comment-list .comment .com-content .com-title, .blog-section .main-blog .blog-wrapper
.post-item .tags-section, .blog-section .post-item-inner .blog-footer, .shop-single 
.review .review-content .review-showing .content li .post-content .entry-meta, 
.shop-single .product-details .post-content form, .shop-cart .section-wrapper 
.cart-bottom .shiping-box .cart-overview ul li, .shop-cart .section-wrapper .cart-bottom 
.cart-checkout-box .cart-checkout, .shop-cart .section-wrapper .cart-bottom
.cart-checkout-box, .timeline .class-schedule-main .class-schedule-all, .blog-section
.service-item-inner .blog-footer, .appointment-section.style-1 .section-wrapper 
.appointment-left .time-info .dep-item .dep-item-inner, .main-content .post-content ul li,
.single-sidebar .timetable-widget .widget-wrapper ul li, .single-sidebar
.popular-post-widget .widget-wrapper ul li {
  justify-content: space-between;
}

.lab-ul.icon-style-list > li {
  justify-content: flex-start;
}

.footer-section.style-1 .footer-top .footer-about .bottom .news-input, .blog-section 
.main-blog .blog-wrapper .post-item .tags-section .tags, .blog-section .main-blog 
.blog-wrapper .post-item .tags-section, .blog-section .post-item-inner .blog-footer,
.paginations ul li a, .shop-single .review .review-content .review-showing .client-review
.review-form form .rating, .shop-single .review .review-content .review-showing .content li 
.post-content .entry-meta, .shop-single .product-details .post-content form, .shop-page 
.modal .modal-dialog .modal-content .modal-body .product-details-inner .cart-button, 
.shop-page .shop-product-wrap .product-item .product-thumb .product-action-link,
.shop-page .shop-product-wrap .product-list-item .product-thumb .product-action-link, 
.shop-cart .section-wrapper .cart-bottom .shiping-box .cart-overview ul li, .shop-cart
.section-wrapper .cart-bottom .cart-checkout-box, .shop-cart .section-wrapper 
.cart-top table tbody tr td.product-item, .newsletter-section.style-1 .section-wrapper 
.right .news-input, .newsletter-section.style-1 .section-wrapper, .blog-section 
.service-item-inner .blog-footer, .testimonial-section.style-1 .section-wrapper 
.testi-slider .testi-item .testi-item-inner .testi-thumb, .main-content .post-content
.doctor-list .post-item .post-item-inner, .main-content .post-content ul,
.single-sidebar .popular-post-widget .widget-wrapper ul li, .single-sidebar .tag-widget
.widget-wrapper ul, .single-sidebar .gellary-widget .widget-wrapper ul, 
.counter-section.style-1 .section-wrapper .counter-item .counter-item-inner,
.department-section.style-1 .section-content .department-top .dep-tab, 
.header-contact-info .item .item-inner, .pagination-area .pagination {
  align-items: center;
}

.blog-section .main-blog .blog-wrapper .post-item.video-post .post-item-inner
.post-thumb .embed-responsive, .blog-section .post-item-inner .post-content .meta, 
.blog-section .post-item-inner .post-thumb a img, .blog-section .post-item-inner .post-thumb a,
.shop-single .review .review-content.description-show .description, .shop-single
.review .review-content.review-content-show .review-showing, .shop-page .modal.show,
.shop-page .shop-product-wrap .product-item,.shop-page .shop-product-wrap
.product-list-item, .nav-widget .buy-cart .cart-btn a, .nav-widget .buy-cart 
.cart-btn, .nav-widget .buy-cart .cart-des span, .nav-widget .buy-cart .cart-des, 
.nav-widget .buy-cart .cart-img, .main-menu li .submenu li a, .dd-icon-right::before,
.dd-icon-right::after, .dd-icon-down::before, .dd-icon-down::after {
  display: block;
}

.footer-section.style-1 .footer-top .contact-info ul li a, .widget.widget-tags
ul.widget-wrapper li a, .widget.widget-instagram ul.widget-wrapper li a, .comments
.comment-list .comment .com-content .com-title .com-title-meta span, .blog-section 
.main-blog .blog-wrapper .post-item .tags-section .tags li a, .blog-section .main-blog 
.blog-wrapper .post-item .tags-section .tags li span i, .fa-phone-square::before, 
.scocial-media a, .lab-btn, .lab-ul.icon-style-list > li i, .timeline .class-schedule-main, 
.about-section.style-2 .section-wrapper .about-item .section-heading .disi, 
.about-section.style-1 .section-wrapper .about-item .section-heading .disi,
.single-sidebar .tag-widget .widget-wrapper ul li a, .single-sidebar .gellary-widget 
.widget-wrapper ul li a, .nav-widget .nav-search input, .main-menu li a, .header-logo a,
.mobile-menu .mobile-menu-wrapper .logo, .social-link-list li a, .pagination-area 
.pagination li a, .scrollToTop i {
  display: inline-block;
}

/* @@@@@@@@@@@@@  Extend Property CSS Writing Now  @@@@@@@@@@@@@@ */
.blog-section .main-blog .blog-wrapper .post-item .post-item-inner .post-content h3 a,
.blog-section .post-item-inner .post-content h4 > a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

/* @@@@@@@@@@@@@  Extend Property CSS Writing Now  @@@@@@@@@@@@@@ */
.service-section.style-1 .section-wrapper .service-item .service-inner .service-content
.lab-btn {
  color: #fff;
}

.footer-section.style-1 .footer-top .footer-about .bottom .news-input, .contact-us
.contact-wrap, .widget.widget-search, .widget, .blog-section .main-blog .blog-wrapper
.post-item.post-slider .post-item-inner .post-thumb .blog-slider .blog-slider-prev:hover,
.blog-section .main-blog .blog-wrapper .post-item.post-slider .post-item-inner .post-thumb 
.blog-slider .blog-slider-next:hover, .blog-section .post-item-inner .blog-footer, 
.blog-section .post-item-inner .post-content, .shop-single .product-details 
.post-content form .select-product, .shop-page .shop-product-wrap .product-item 
.product-thumb .product-action-link a,
.shop-page .shop-product-wrap .product-list-item .product-thumb .product-action-link a,
.shop-cart .section-wrapper .cart-bottom .shiping-box .cart-overview ul li, 
.shop-cart .section-wrapper .cart-bottom .shiping-box .calculate-shiping .outline-select,
.shop-cart .section-wrapper .cart-bottom .cart-checkout-box .cart-checkout input, .timeline 
.class-schedule-main .class-schedule-all .each-day ul li.schedule-text, .timeline 
.class-schedule-main .class-schedule-all .each-day h5, .timeline .class-schedule-main 
.class-schedule-all .each-day:first-child li, .about-section.style-2 .section-wrapper, 
.about-section.style-1 .section-wrapper, .newsletter-section.style-1 .section-wrapper
.right .news-input, .blog-section .service-item-inner .blog-footer, .blog-section 
.service-item-inner .service-content, .testimonial-section.style-1 .section-wrapper 
.testi-slider .testi-item .testi-item-inner, .aid-section .section-wrapper .aid-slider
.gallery-thumbs, .aid-section .section-wrapper .aid-slider .lab-item .lab-item-inner 
.lab-content,.aid-section .section-wrapper, .aid-section, .appointment-section.style-1
.section-wrapper .appointment-right form .lab-btn, .main-content .post-content .doctor-list 
.post-item .post-item-inner, .single-sidebar .appointment-widget .widget-wrapper form 
.outline-select, .single-sidebar .appointment-widget .widget-wrapper form input, 
.single-sidebar .tag-widget .widget-wrapper ul li a, .single-sidebar .department-widget 
.widget-wrapper ul li a, .service-section.style-3 .section-wrapper .service-item 
.service-content, .service-section.style-2 .section-wrapper .service-item:nth-child(3) 
.service-inner .service-content, .service-section.style-2 .section-wrapper .service-item
.service-inner .service-content, .service-section.style-1 .section-wrapper .service-item 
.service-inner .service-content, .department-section.style-1 .section-content 
.department-bottom, .department-section.style-1 .section-content .department-top 
.dep-tab li a.active, .header-section.style-2 .header-bottom .menu-area .nav-widget 
.nav-search .search, .header-section.style-2 .header-bottom .menu-area, .nav-widget
.buy-cart span, .main-menu .submenu li.active, .main-menu li .submenu li a:hover, 
.mobile-menu, .pagination-area .pagination li a, .feature-item, .dd-icon-right::before,
.dd-icon-right::after, .primary-menu.sticky-nav .menu-area .main-menu li a.dd-icon-down::after,
.primary-menu.sticky-nav .menu-area .main-menu li a.dd-icon-down::before, .primary-menu 
.menu-area .main-menu li.active a.dd-icon-down::after, .primary-menu .menu-area .main-menu 
li.active a.dd-icon-down::before, .dd-icon-down::before, .dd-icon-down::after, input,
textarea {
  background-color: #fff;
}

.comment-respond .add-comment form textarea, .comment-respond .add-comment form input, 
.shop-single .review .review-nav li, .bg-color {
  background-color: #f5f9ff;
}

.widget.letest-product .widget-wrapper ul li .product-content h6 a, .widget.shop-widget
.widget-wrapper .shop-menu li .shop-submenu li a, .widget.shop-widget .widget-wrapper
.shop-menu li a, .widget.widget-archive .widget-wrapper li a, .widget.widget-category
.widget-wrapper li a, .cart-plus-minus .qtybutton, .cart-plus-minus .cart-plus-minus-box,
.blog-section .service-item-inner .blog-footer .viewall, .feature-item .lab-inner .lab-content a {
  color: #000000;
}

.footer-section.style-1 .footer-top .footer-about .bottom .news-input::after, 
.footer-section.style-1 .footer-top .doctor-info ul li:hover a,
.footer-section.style-1 .footer-top .service-info ul li:hover a, .footer-section.style-1 
.footer-top .doctor-info ul li:hover,
.footer-section.style-1 .footer-top .service-info ul li:hover, .footer-section.style-1
.footer-top .contact-info ul li i, .widget.letest-product .widget-wrapper ul li:hover
.product-content h6 a, .widget.shop-widget .widget-wrapper .shop-menu li .shop-submenu 
li a.active, .widget.shop-widget .widget-wrapper .shop-menu li .shop-submenu li a:hover,
.widget.shop-widget .widget-wrapper .shop-menu li .shop-submenu li.open > a, .widget.shop-widget
.widget-wrapper .shop-menu li.open > a, .blog-section .service-item-inner .service-content .meta a,
.blog-section .service-item-inner .service-content .meta, .banner-section .banner-wrapper
.banner-content h1 b {
  color: #0071ef;
}

.footer-section.style-1 .footer-top .footer-about .bottom .news-input button[type=submit],
.contact-us .contact-form .lab-btn, .widget.widget-tags ul.widget-wrapper li a.active,
.widget.widget-tags ul.widget-wrapper li a:hover, .blog-section .main-blog .blog-wrapper 
.post-item .tags-section .tags li a:hover, .blog-section .main-blog .blog-wrapper .post-item 
.tags-section .tags li span::after, .blog-section .main-blog .blog-wrapper .post-item 
.tags-section .tags li span, .blog-section .main-blog .blog-wrapper .post-item.code-post 
.post-item-inner .post-thumb, .blog-section .main-blog .blog-wrapper .post-item 
.post-item-inner .post-content blockquote, .cart-plus-minus .qtybutton:hover,
.paginations ul li a.active, .paginations ul li a:hover, .lab-btn, .widget-title h3::before, 
.shop-single .review .review-content .review-showing .client-review .review-form .review-title
h5::before, .shop-single .review .review-nav li.active, .shop-single .product-details 
.post-content form .select-product i, .shop-single .product-details 
.shop-single-slider.shop-thumb-top .product-img-next:hover,
.shop-single .product-details .shop-single-slider.shop-thumb-top .product-img-prev:hover,
.shop-cart .section-wrapper .cart-bottom .shiping-box .calculate-shiping button, 
.shop-cart .section-wrapper .cart-bottom .shiping-box .calculate-shiping .outline-select 
.select-icon, .shop-cart .section-wrapper .cart-bottom .cart-checkout-box 
.coupon input[type=submit], .shop-cart .section-wrapper .cart-top table thead tr th, 
.timeline .class-schedule-top, .newsletter-section.style-1 .section-wrapper 
.right .news-input button[type=submit], .appointment-section.style-1 .section-wrapper
.appointment-right form select option, .single-sidebar .appointment-widget
.widget-wrapper form .outline-select .select-icon, .single-sidebar .tag-widget 
.widget-wrapper ul li a:hover, .service-section.style-2 .section-wrapper 
.service-item:nth-child(3) .service-inner .service-content .lab-btn, 
.service-section.style-2
.section-wrapper .service-item:nth-child(2) .service-inner .service-content .lab-btn, 
.service-section.style-1 .section-wrapper .service-item .service-inner .service-content 
.lab-btn, .page-header-section.style-1 .page-header-content .page-header-content-inner 
.breadcrumb li a:hover::before, .header-section.style-2 .header-bottom .menu-area 
.nav-widget .buy-cart span, .nav-widget .buy-cart .cart-action .button, .header-bottom,
.pagination-area .pagination li a.active, .pagination-area .pagination li a:hover, 
.primary-menu .menu-area .main-menu li ul li:hover > a.dd-icon-right::after, .primary-menu
.menu-area .main-menu li ul li:hover > a.dd-icon-right::before, .main-menu li.active
a.dd-icon-down::after, .m-menu li.open a.dd-icon-down::before,
.m-menu li.open a.dd-icon-down::after, .scrollToTop i {
  background: #0071ef;
}

.footer-section.style-1 .footer-top .footer-about, .blog-section .main-blog .blog-wrapper
.post-item.code-post .post-item-inner .post-thumb .code-content, .blog-section .main-blog
.blog-wrapper .post-item.post-slider .post-item-inner .post-thumb .blog-slider 
.blog-slider-prev, .blog-section .main-blog .blog-wrapper .post-item.post-slider 
.post-item-inner .post-thumb .blog-slider .blog-slider-next, .scocial-media a,
.cart-plus-minus .qtybutton, .cart-plus-minus .cart-plus-minus-box, .section-header, 
.lab-ul.icon-style-list > li i, .fore-zero .section-wrapper .zero-item, .shop-single
.product-details .post-content form .select-product i, .shop-single .product-details
.shop-single-slider.shop-thumb-top .product-img-next,
.shop-single .product-details .shop-single-slider.shop-thumb-top .product-img-prev,
.shop-page .shop-product-wrap .product-item .product-content,
.shop-page .shop-product-wrap .product-list-item .product-content, .shop-page 
.shop-product-wrap .product-item .product-thumb .product-action-link a,
.shop-page .shop-product-wrap .product-list-item .product-thumb .product-action-link a,
.shop-page .shop-product-wrap .product-item,
.shop-page .shop-product-wrap .product-list-item, .shop-cart .section-wrapper 
.cart-top table thead tr th:nth-child(3), .timeline .class-schedule-main .class-schedule-all
.each-day ul li.cool-exercise .course-time, .timeline .class-schedule-main .
class-schedule-all .each-day ul li, .timeline .class-schedule-main .class-schedule-all
.each-day h5, .timeline .class-schedule-top .schedule-course.pull-right, .timeline 
.class-schedule-top .schedule-course.pull-left, .about-section.style-2 .section-wrapper
.sp-personal-content .skill-items .skill-item, .testimonial-section.style-1 .section-wrapper
.testi-slider .testi-pagination, .aid-section .section-wrapper .aid-slider.gallery-thumbs 
.lab-item p, .single-sidebar .tag-widget .widget-wrapper ul li a, .nav-widget .buy-cart 
.cart-btn a, .nav-widget .buy-cart .cart-des span, .nav-widget .buy-cart i, .nav-widget 
.buy-cart, .nav-widget .nav-search .search, .main-menu li .submenu, .hc-offcanvas-nav 
.nav-content > h2,
.hc-offcanvas-nav .nav-content > h3,
.hc-offcanvas-nav .nav-content > h4,
.hc-offcanvas-nav .nav-content > h5,
.hc-offcanvas-nav .nav-content > h6, .social-link-list li a, .pagination-area .pagination li a, .scrollToTop i {
  text-align: center;
}

.shop-cart .section-wrapper .cart-top table tbody tr td:last-child, .shop-cart 
.section-wrapper .cart-top table thead tr th:last-child, .single-sidebar 
.popular-post-widget .widget-wrapper ul li .post-thumb {
  text-align: right;
}

.comments .comment-list .comment, .blog-section .main-blog .blog-wrapper .post-item 
.tags-section .tags li, .lab-ul li, .shop-single .review .review-content .description
.post-item .post-content ul li, .shop-single .review .review-content .review-showing 
.client-review .review-form form .rating ul li, .shop-single .review .review-content 
.review-showing .content li, .shop-single .review .review-nav li, .shop-cart .section-wrapper 
.cart-bottom .shiping-box .cart-overview ul li, .contact-us .section-wrapper 
.contact-info ul li, .timeline .class-schedule-main .class-schedule-all .each-day ul li, 
.about-section.style-2 .section-wrapper .about-item .about-content ul li, .about-section.style-1 
.section-wrapper .about-item .about-content ul li, .blog-section .main-blog .blog-wrapper 
.service-item .tags-section .tags li, .testimonial-section.style-1 .section-wrapper
.testi-slider .testi-item .testi-item-inner .testi-thumb .testi-info .rating li,
.main-content .post-content ul li, .single-sidebar .letest-product .widget-wrapper ul li,
.single-sidebar .shop-widget .widget-wrapper .shop-menu li, .single-sidebar .timetable-widget
.widget-wrapper ul li, .single-sidebar .popular-post-widget .widget-wrapper ul li,
.single-sidebar .tag-widget .widget-wrapper ul li, .single-sidebar .gellary-widget 
.widget-wrapper ul li, .single-sidebar .cetagory-widget .widget-wrapper ul li, 
.single-sidebar .department-widget .widget-wrapper ul li, .service-section.style-3 
.section-wrapper .service-item .service-content ul li, .department-section.style-1 
.section-content .department-bottom .tab-content .post-content ul li, .nav-widget, 
.main-menu li .submenu li, .main-menu, .header-contact-info .item, .social-link-list li, 
.pagination-area .pagination li, .doctor-item.style-1 .doctor-inner .doctor-content 
.doctor-contact {
  list-style: none;
}

/* @@@@@@@@@@@@@  Extend Property Margin 10 - 30 CSS Writing Now  @@@@@@@@@@@@@@ */
.footer-section.style-1 .footer-top .doctor-info ul,
.footer-section.style-1 .footer-top .service-info ul, .widget.letest-product 
.widget-wrapper ul li .product-content h6, .widget.letest-product .widget-wrapper ul, 
.widget.shop-widget .widget-wrapper .shop-menu li .shop-submenu, .widget.shop-widget 
.widget-wrapper .shop-menu, .widget.widget-post ul.widget-wrapper li .post-content p, 
.widget .widget-wrapper, .blog-section .main-blog .blog-wrapper .post-item .tags-section 
.tags, .cart-plus-minus .qtybutton, .cart-plus-minus .cart-plus-minus-box, .paginations ul, 
.lab-ul.icon-style-list, .lab-ul, .shop-single .review .review-content .description 
.post-item .post-content ul, .shop-single .review .review-content .review-showing 
.client-review .review-form form .rating ul, .shop-single .review .review-content 
.review-showing .content, .shop-single .review .review-nav, .shop-page .modal 
.modal-dialog .modal-content .modal-body .product-details-inner .cart-button 
.cart-plus-minus, .shop-page .shop-product-wrap .product-item .product-content h5,
.shop-page .shop-product-wrap .product-list-item .product-content h5, .contact-us 
.section-wrapper .contact-info ul, .timeline .class-schedule-main .class-schedule-all 
.each-day ul, .about-section.style-2 .section-wrapper .about-item .about-content ul,
.about-section.style-2 .section-wrapper .about-item .section-heading h3, 
.about-section.style-1 .section-wrapper .about-item .about-content ul, 
.about-section.style-1 .section-wrapper .about-item .section-heading h4, 
.testimonial-section.style-1 .section-wrapper .testi-slider .testi-item .testi-item-inner 
.testi-thumb .testi-info h5, .main-content .post-content ul, .single-sidebar 
.letest-product .widget-wrapper ul li .product-content h6, .single-sidebar 
.letest-product .widget-wrapper ul, .single-sidebar .shop-widget .widget-wrapper
.shop-menu li .shop-submenu, .single-sidebar .shop-widget .widget-wrapper .shop-menu, 
.single-sidebar .timetable-widget .widget-wrapper ul, .single-sidebar .popular-post-widget 
.widget-wrapper ul, .single-sidebar .tag-widget .widget-wrapper ul, .single-sidebar 
.gellary-widget .widget-wrapper ul, .single-sidebar .cetagory-widget .widget-wrapper ul,
.single-sidebar .department-widget .widget-wrapper ul, .service-section.style-3
.section-wrapper .service-item .service-content ul, .page-header-section.style-1,
.nav-widget .buy-cart .cart-item .cart-btn a > i, .nav-widget, .main-menu li .submenu li a,
.main-menu li .submenu, .main-menu, .header-contact-info, .social-link-list, 
.pagination-area .pagination {
  margin: 0;
}

.footer-section.style-1 .footer-top .footer-about .bottom .news-input input[type=text], 
.contact-us .contact-area .contact-item .content h6, .contact-us .contact-area 
.contact-item:last-child, .widget.letest-product .widget-wrapper ul li .product-content p, 
.widget.widget-search .search-wrapper input, .widget:last-child, .comments .comment-list
.comment .com-content .com-title .com-title-meta h4, .blog-section .main-blog .blog-wrapper 
.post-item.code-post .post-item-inner .post-thumb .code-content p, .shop-single .review 
.review-content .review-showing .content li .post-content .entry-content p, .shop-single 
.review .review-content .review-showing .content li .post-content .entry-meta .posted-on p,
.shop-single .product-details .post-content form .discount-code input, .shop-page 
.shop-title p, .shop-cart .section-wrapper .cart-bottom .shiping-box .cart-overview 
ul li .pull-right, .shop-cart .section-wrapper .cart-bottom .cart-checkout-box
.cart-checkout input[type=submit], .shop-cart .section-wrapper .cart-bottom .cart-checkout-box
.coupon input, .contact-us .section-wrapper .here-form form .date-label, .contact-us 
.section-wrapper .contact-info ul li p, .contact-us .section-wrapper .contact-info ul
li h6, .timeline .class-schedule-main .class-schedule-all .each-day ul li.cool-exercise
.course-time p, .timeline .class-schedule-main .class-schedule-all .each-day ul li.cool-exercise
.course-name p, .timeline .class-schedule-main .class-schedule-all .each-day h5, 
.about-section.style-2 .section-wrapper .sp-personal-content .award-items p, 
.about-section.style-2 .section-wrapper .sp-personal-content .skill-items .skill-item p,
.about-section.style-2 .section-wrapper .about-item .about-content ul li .info p, 
.about-section.style-2 .section-wrapper .about-item .about-content ul li .name p, 
.about-section.style-1 .section-wrapper .about-item .about-content ul li .info p,
.about-section.style-1 .section-wrapper .about-item .about-content ul li .name p, 
.about-section.style-1 .section-wrapper .about-item .section-heading p, 
.newsletter-section.style-1 .section-wrapper .right .news-input label, 
.testimonial-section.style-1 .section-wrapper .testi-slider .testi-item .testi-item-inner 
.testi-thumb .testi-info p, .doctor-section.style-1 .doctor-header .doctor-header-title h2,
.main-content .post-content ul li p, .single-sidebar .letest-product .widget-wrapper ul li 
.product-content p, .single-sidebar .timetable-widget .widget-wrapper ul li p, .single-sidebar
.search-widget .search input, .feature-section .feature-section-wrapper .section-content 
.col-xl-3:nth-child(4n+4) .feature-item, .banner-section .banner-wrapper .banner-content h1,
.banner-section .banner-wrapper .banner-content h2, .page-header-section.style-1
.page-header-content .page-header-content-inner .page-title p, .nav-widget .nav-search input, 
.header-contact-info .item .item-inner .item-content p, .doctor-item.style-2 .doctor-inner
.doctor-content .doctor-name h4, .doctor-item.style-1 .doctor-inner .doctor-content 
.doctor-contact, .doctor-item.style-1 .doctor-inner .doctor-content .doctor-name h4 {
  margin-bottom: 0px;
}

.comments .comment-list .comment .com-content .com-title .com-title-meta span, 
.shop-single .review .review-content .review-showing .client-review .review-form 
form .lab-btn, .shop-single .review .review-content .review-showing .content li
.post-content .entry-meta, .shop-single .product-details .post-content h4, .shop-single
.product-details .shop-single-slider.shop-thumb-top, .about-section.style-2 .section-wrapper
.about-item .section-heading, .about-section.style-1 .section-wrapper .about-item 
.section-heading, .single-sidebar .appointment-widget .widget-wrapper form .outline-select,
.single-sidebar .appointment-widget .widget-wrapper form input, .service-section.style-2
.section-wrapper .service-item .service-inner .service-content .content-icon, 
.service-section.style-2 .section-wrapper .service-item .service-inner .service-thumb
.thumb-icon img {
  margin-bottom: 10px;
}

.shop-page .modal .modal-dialog .modal-content .modal-body .product-details-inner 
.popup-slide .slider-nav, .about-section.style-2 .section-wrapper .sp-personal-content
.award-items p, .about-section.style-2 .section-wrapper .sp-personal-content .skill-items
.skill-item p, .aid-section .section-wrapper .aid-slider .lab-item .lab-item-inner 
.lab-content .lab-btn, .service-section.style-2 .section-wrapper .service-item:nth-child(2)
.service-inner .service-content .lab-btn, .nav-widget .buy-cart .cart-bottom {
  margin-top: 10px;
}

.blog-section .post-item-inner .blog-footer .viewall, .about-section.style-2 
.section-wrapper .sp-personal-content .award-items .award-item .award-inner:first-child,
.blog-section .service-item-inner .blog-footer .viewall, .testimonial-section.style-1 
.section-wrapper .testi-slider .testi-item .testi-item-inner .testi-thumb .testi-info 
.rating, .main-menu li:first-child a {
  margin-left: 0;
}

.shop-page .shop-title .product-view-mode a:last-child, .pagination-area .pagination li.next {
  margin-left: 5px;
}

.footer-section.style-1 .footer-top .doctor-info ul li:hover,
.footer-section.style-1 .footer-top .service-info ul li:hover, 
.page-header-section.style-1 .page-header-content .page-header-content-inner .breadcrumb li.active {
  margin-left: 10px;
}

.shop-single .review .review-nav li:last-child, .about-section.style-2 
.section-wrapper .sp-personal-content .skill-items .skill-item:last-child {
  margin-right: 0;
}

.blog-section .post-item-inner .blog-footer .blog-comment i, .nav-widget .buy-cart,
.pagination-area .pagination li.prev {
  margin-right: 5px;
}

.shop-single .review .review-nav li, .about-section.style-2 .section-wrapper
.sp-personal-content .skill-items .skill-item {
  margin-right: 10px;
}

.footer-section.style-1 .footer-top .footer-about .top .footer-logo, 
.footer-section.style-1 .footer-top .footer-about .top, .footer-section.style-1 
.footer-top h3, .widget .widget-header h5, .blog-section .main-blog .blog-wrapper 
.post-item.code-post .post-item-inner .post-thumb .code-content img, .blog-section 
.main-blog .blog-wrapper .post-item .post-item-inner .post-content h3, .shop-cart 
.section-wrapper .cart-bottom .shiping-box .cart-overview ul li, .shop-cart 
.section-wrapper .cart-bottom .cart-checkout-box .coupon, .contact-us .section-wrapper 
.contact-info h3, .about-section.style-1 .section-wrapper .about-item .section-heading 
.disi, .service-section.style-3 .section-wrapper .service-item .service-content .content-icon {
  margin-bottom: 15px;
}

.blog-section .main-blog .blog-wrapper .post-item .tags-section .social-link-list,
.shop-single .review .review-content .review-showing .client-review .review-form form
.lab-btn, .doctor-section.style-1 .doctor-header .doctor-btn {
  margin-top: 0;
}

.service-section.style-2 .section-wrapper .service-item:nth-child(3) .service-inner 
.service-content .lab-btn, .social-link-list {
  margin-top: 25px;
}

.header-contact-info .item .item-inner .item-thumb {
  margin-right: 15px;
}

.comment-respond .add-comment form button.lab-btn, .comments .comment-list .comment 
.com-content, .comments .comment-list .comment .com-image, .scocial-media, .shop-single 
.product-details .post-content form .cart-plus-minus, .shop-single .product-details 
.post-content form .select-product, .shop-cart .section-wrapper .cart-bottom .shiping-box 
.calculate-shiping .outline-select, .contact-us .section-wrapper .contact-info ul li, 
.about-section.style-2 .section-wrapper .about-item .section-heading p, 
.about-section.style-2 .section-wrapper .about-item .section-heading .disi, 
.service-section.style-1 .section-wrapper .service-item .service-inner .service-content p {
  margin-bottom: 20px;
}

.fore-zero .section-wrapper .zero-item .zero-content, .timeline .class-schedule-main 
.class-schedule-all .each-day ul li.cool-exercise .course-time p, .about-section.style-2 
.section-wrapper .sp-personal-content, .header-section.style-2 .header-bottom .menu-area
.nav-widget .buy-cart .cart-content {
  margin-top: 20px;
}

.blog-section .main-blog .blog-wrapper .post-item .tags-section .tags li span {
  margin-right: 20px;
}

.shop-page .shop-product-wrap .product-item .product-content p,
.shop-page .shop-product-wrap .product-list-item .product-content p, 
.shop-page .shop-product-wrap .product-item .product-content h5,
.shop-page .shop-product-wrap .product-list-item .product-content h5, 
.about-section.style-2 .section-wrapper .about-item .section-heading h4, 
.banner-section .banner-wrapper .banner-content a, .doctor-item.style-1 .doctor-inner
.doctor-content .doctor-name p {
  margin-bottom: 5px;
}

.contact-us .contact-wrap .contact-title, .widget, .comment-respond, .comments,
.blog-section .main-blog .blog-wrapper .post-item .post-item-inner .post-content blockquote,
.blog-section .main-blog .blog-wrapper .post-item .post-item-inner .post-content p,
.blog-section .main-blog .blog-wrapper .post-item .post-item-inner, .section-header,
.fore-zero .section-wrapper .zero-item .zero-content p, .shop-single .review
.review-content .review-showing .client-review .review-form form .rating, 
.shop-single .review .review-content .review-showing .content, .shop-page 
.shop-product-wrap .product-item,
.shop-page .shop-product-wrap .product-list-item, .shop-page .shop-title, 
.shop-cart .section-wrapper .cart-bottom .shiping-box .calculate-shiping h3, 
.contact-us .section-wrapper .here-form h3, .certificat-section .certificate-content p, 
.blog-section .main-blog .blog-wrapper .service-item .service-item-inner,
.appointment-section.style-1 .section-wrapper .appointment-right form select, 
.appointment-section.style-1 .section-wrapper .appointment-right .ar-title, 
.appointment-section.style-1 .section-wrapper .appointment-left .time-info
.al-title, .single-sidebar .letest-product, .single-sidebar .shop-widget, 
.single-sidebar .timetable-widget, .single-sidebar .popular-post-widget, 
.single-sidebar .gellary-widget, .single-sidebar .cetagory-widget, .single-sidebar
.department-widget, .single-sidebar .search-widget, .feature-item .lab-inner 
.lab-thumb, .feature-item, input,
textarea {
  margin-bottom: 30px;
}

.contact-us .contact-wrap {
  margin-bottom: -30px;
}

.shop-single .product-details .post-content form button, .shop-page 
.modal .modal-dialog .modal-content .modal-body .product-details-inner
.product-content, .single-sidebar .search-widget, .banner-section .banner-wrapper .banner-content a {
  margin-top: 30px;
}

/* @@@@@@@@@@@@@  Extend Property padding 10 - 30 CSS Writing Now  @@@@@@@@@@@@@@ */
.widget.letest-product, .widget.shop-widget, .widget.widget-tags ul.widget-wrapper li, 
.widget.widget-tags, .widget.widget-instagram ul.widget-wrapper li, 
.widget.widget-instagram, .widget.widget-post ul.widget-wrapper, .widget.widget-post,
.widget.widget-archive .widget-wrapper li, .widget.widget-category .widget-wrapper li,
.widget.widget-archive, .widget.widget-category, .widget.widget-search .search-wrapper button,
.comments .comment-list .comment .com-content:last-child, .blog-section .main-blog 
.blog-wrapper .post-item .tags-section .tags, .blog-section .main-blog .blog-wrapper 
.post-item.video-post .post-item-inner .post-thumb .embed-responsive,
.lab-ul.icon-style-list > li, .lab-ul, .shop-single .product-details .post-content form button,
.timeline .class-schedule-main .class-schedule-all .each-day ul, 
.testimonial-section.style-1 .section-wrapper .testi-slider .testi-item .testi-item-inner
.testi-thumb .testi-info .rating li, .main-content .post-content .doctor-list .post-item 
.post-item-inner .post-content .member-contact li, .single-sidebar .tag-widget
.widget-wrapper ul li, .single-sidebar .gellary-widget .widget-wrapper ul li, 
.page-header-section.style-1, .nav-widget .buy-cart .cart-btn, .main-menu li {
  padding: 0;
}

.shop-page .shop-product-wrap .product-item .product-thumb .product-action-link,
.shop-page .shop-product-wrap .product-list-item .product-thumb .product-action-link {
  padding: 5px;
}

.blog-section .main-blog .blog-wrapper .post-item .tags-section .tags li a,
.nav-widget .nav-search input, .pagination-area .pagination li.dot {
  padding: 10px;
}

.shop-single .single-sidebar .search-widget, .shop-page .shop-product-wrap 
.product-item,
.shop-page .shop-product-wrap .product-list-item, .shop-page .single-sidebar 
.search-widget, .single-sidebar .letest-product .widget-wrapper ul li, .single-sidebar
.letest-product .widget-title, input,
textarea {
  padding: 15px;
}

.shop-single .product-details, .shop-cart .section-wrapper .cart-top table tbody 
tr td, .about-section.style-2 .section-wrapper, .aid-section .section-wrapper 
.aid-slider.gallery-thumbs, .main-content .post-content .doctor-list .post-item
.post-item-inner, .doctor-item.style-2 .doctor-inner .doctor-content .doctor-name, .doctor-item.style-1 .doctor-inner .doctor-content .doctor-contact, .doctor-item.style-1 .doctor-inner 
.doctor-content .doctor-name {
  padding: 20px;
}

.p-30, .shop-single .review .review-content .description, .shop-single .review 
.review-content .review-showing .client-review, .testimonial-section.style-1
.section-wrapper .testi-slider .testi-item .testi-item-inner, .aid-section 
.section-wrapper .aid-slider .lab-item .lab-item-inner .lab-content, 
.service-section.style-3 .section-wrapper .service-item .service-content, 
.service-section.style-2 .section-wrapper .service-item .service-inner .service-content {
  padding: 30px;
}

.comments .comment-list .comment:last-child, .about-section.style-1, .main-content
.post-content .doctor-list .post-item .post-item-inner .post-content {
  padding-bottom: 0;
}

.blog-section .post-item-inner .post-content .meta {
  padding-bottom: 5px;
}

.main-content .post-content .doctor-list .post-item .post-item-inner .post-content, 
.page-header-section.style-1 .page-header-content .page-header-content-inner .breadcrumb,
.nav-widget .buy-cart .cart-item:first-child {
  padding-top: 0;
}

.single-sidebar .shop-widget .widget-wrapper .shop-menu li .shop-submenu {
  padding-top: 5px;
}

.about-section.style-2 .section-wrapper .about-item .about-content ul li 
.info p a:nth-child(1), .page-header-section.style-1 .page-header-content
.page-header-content-inner .breadcrumb, .main-menu li:first-child a {
  padding-left: 0;
}

.blog-section .main-blog .blog-wrapper .post-item.post-slider .post-item-inner
.post-thumb .blog-slider .blog-slider-next i, .blog-section .main-blog .blog-wrapper 
.post-item.post-slider .post-item-inner .post-thumb .blog-slider .blog-slider-prev i {
  padding-left: 5px;
}

.footer-section.style-1 .footer-top .footer-about .bottom .news-input::after,
.shop-cart .section-wrapper .cart-top table tbody tr td.product-item .p-content,
.main-content .post-content .doctor-list .post-item .post-item-inner .post-content
.member-contact li span {
  padding-left: 10px;
}

.shop-single .product-details .post-content form .select-product select, .shop-page
.shop-product-wrap .product-list-item .product-content, .about-section.style-2 
.section-wrapper .about-item .about-content ul li .info p, .single-sidebar 
.cetagory-widget .widget-wrapper ul li a, .nav-widget .nav-search input {
  padding-left: 20px;
}

.shop-single .review .review-content .review-showing .client-review .review-form 
form .rating .rating-title {
  padding-right: 5px;
}

.shop-single .review .review-content .review-showing .content li .post-thumb {
  padding-bottom: 15px;
}

.main-content .post-content .doctor-list .post-item .post-item-inner .post-content, 
.single-sidebar .letest-product .widget-wrapper ul li .product-content, .single-sidebar
.shop-widget .widget-wrapper .shop-menu li .shop-submenu {
  padding-left: 15px;
}

.shop-page .shop-product-wrap .product-item .product-content,
.shop-page .shop-product-wrap .product-list-item .product-content {
  padding-top: 20px;
}

.shop-single .product-details .post-content form .select-product select, .shop-page 
.shop-product-wrap .product-list-item .product-content, .about-section.style-2
.section-wrapper .about-item .about-content ul li .info p, .single-sidebar 
.cetagory-widget .widget-wrapper ul li a, .nav-widget .nav-search input {
  padding-left: 20px;
}

.shop-single .review .review-content .review-showing .content li .post-content 
.entry-meta .posted-on a {
  padding-right: 20px;
}

.shop-single .product-details .post-content {
  padding-top: 30px;
}

.shop-single .review .review-content .description .post-item .post-content ul li, 
.main-menu li .submenu li a:hover {
  padding-left: 30px;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  background: #fff;
}
@media (max-width: 991px) {
  body {
    margin-top: 72px;
  }
}

	
 
 
 
	
 

	

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
  color: #696969;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
a h1,
a h2,
a h3,
a h4,
a h5,
a h6 {
  clear: both;
  line-height: 1.4;
  font-family: "Roboto", sans-serif;
  color: #000000;
}

h1 {
  font-size: 2.25em;
}

h2 {
  font-size: 1.5em;
}

h3 {
  font-size: 1.25em;
}

h4 {
  font-size: 1.125em;
}

h5 {
  font-size: 1.125em;
}

h6 {
  font-size: 1em;
}

@media (min-width: 576px) {
  h1 {
    font-size: 3.75em;
    line-height: 1.5;
  }

  h2 {
    font-size: 2.25em;
    line-height: 1.5;
  }

  h3 {
    font-size: 1.5em;
    line-height: 1.5;
  }

  h4 {
    font-size: 1.25em;
    line-height: 1.5;
  }

  h5 {
    font-size: 1.125em;
    line-height: 1.5;
  }

  h6 {
    font-size: 1em;
    line-height: 1.5;
  }
}
p {
  margin-bottom: 15px;
  font-weight: 400;
  font-size: 15px;
}
@media (min-width: 576px) {
  p {
    font-size: 1rem;
  }
}

a {
  color: #000000;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

a:visited {
  color: #000000;
  outline: none;
}

a:hover,
a:focus,
a:active {
  color: #000000;
  text-decoration: none;
  outline: none;
}

a:focus {
  outline: thin dotted;
  outline: none;
}

a:hover,
a:active {
  outline: 0;
}

img {
  height: auto;
  max-width: 100%;
}

input,
textarea {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ecf0f3;
  outline: none;
}

select {
  border: 1px solid #ecf0f3;
}

/* @@@@@@@@@@@@@  Global CSS  @@@@@@@@@@@@@@ */
.scrollToTop {
  position: fixed;
  bottom: -30%;
  right: 5%;
  z-index: 9;
}
.scrollToTop i {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  color: #fff;
  border: 1px solid #ecf0f3;
  font-size: 1.25em;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.scrollToTop i:hover {
  transform: translateY(-5px);
  box-shadow: 0px 5px 20px 0px rgba(0, 113, 240, 0.49);
}

@media (min-width: 992px) {
  .pt-lg-110 {
    padding-top: 108px !important;
  }

  .pb-lg-110 {
    padding-bottom: 110px !important;
  }
}
.breadcrumb {
  background-color: transparent;
}

/*==============|| Menu Icon Change ||=======================*/
.dd-icon-down::after {
  width: 10px;
  height: 2px;
  top: 50%;
  transform: rotate(-90deg);
  right: -5px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.dd-icon-down::before {
  width: 10px;
  height: 2px;
  top: 50%;
  right: -5px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.m-menu li.open a.dd-icon-down::before {
  transform: rotate(-45deg);
}

.m-menu li.open a.dd-icon-down::after {
  transform: rotate(45deg);
}

.style-2 .dd-icon-down::before,
.style-2 .dd-icon-down::after {
  background: #000000;
}

.style-2 .primary-menu .menu-area .main-menu li.active a.dd-icon-down::after {
  background: #000000;
}

.style-2 .primary-menu .menu-area .main-menu li.active a.dd-icon-down::before {
  background: #000000;
}

.primary-menu.sticky-nav .menu-area .main-menu li.active > a.dd-icon-down::before {
  background: #000000;
}

.primary-menu.sticky-nav .menu-area .main-menu li.active > a.dd-icon-down::after {
  background: #000000;
}

.dd-icon-right::after {
  width: 8px;
  height: 2px;
  top: 50%;
  transform: rotate(-45deg);
  right: -9px;
}

.dd-icon-right::before {
  content: "";
  width: 8px;
  height: 2px;
  top: 50%;
  transform: rotate(45deg);
  right: -5px;
}

/*==============|| Feature Item start here||=======================*/
.feature-item {
  padding: 40px 24px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.feature-item .lab-inner .lab-content a:hover {
  color: #0071ef;
}
.feature-item:hover {
  filter: drop-shadow(-1.395px 19.951px 5px rgba(136, 136, 136, 0.1));
  transform: translateY(-5px);
}

/*=================|| Doctor Item start here ||=================*/
.doctor-item.style-1 {
  -webkit-transition: 0.3s all cubic-bezier(0.46, 0.03, 0.52, 0.96);
  -moz-transition: 0.3s all cubic-bezier(0.46, 0.03, 0.52, 0.96);
  transition: 0.3s all cubic-bezier(0.46, 0.03, 0.52, 0.96);
}
.doctor-item.style-1 .doctor-inner .doctor-thumb img {
  -webkit-transition: 0.3s all linear;
  -moz-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
.doctor-item.style-1 .doctor-inner .doctor-content .doctor-name h4 a {
  color: #fff;
}
.doctor-item.style-1 .doctor-inner .doctor-content .doctor-name p {
  color: #fff;
  font-size: 15px;
}
.doctor-item.style-1 .doctor-inner .doctor-content .doctor-contact:before {
  top: -10px;
  left: 24px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 15px 15px 15px;
  border-color: transparent transparent #fff transparent;
}
.doctor-item.style-1 .doctor-inner .doctor-content .doctor-contact li span {
  color: #000000;
}
.doctor-item.style-1:hover, .doctor-item.style-1.active {
  box-shadow: 0 25px 10px #8080801a;
}
.doctor-item.style-1:hover .doctor-inner .doctor-thumb img, .doctor-item.style-1.active .doctor-inner .doctor-thumb img {
  transform: scale(1.1);
}
.doctor-item.style-2 .doctor-inner .doctor-thumb img {
  -webkit-transition: 0.3s all linear;
  -moz-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
.doctor-item.style-2 .doctor-inner .doctor-content .doctor-name h4 a {
  color: #000000;
}
.doctor-item.style-2 .doctor-inner .doctor-content .doctor-name p {
  color: #696969;
}
.doctor-item.style-2:hover .doctor-inner .doctor-thumb img {
  transform: scale(1.1);
}
.doctor-item.style-2:hover .doctor-inner .doctor-content .doctor-name h4 a {
  color: #0071ef;
}

/*=================|| Pagination here ||=================*/
.pagination-area {
  padding: 20px 0;
}
.pagination-area .pagination li.dot {
  font-size: 1em;
}
.pagination-area .pagination li a {
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: #000000;
  margin: 0 2px;
  border-radius: 50%;
  border: 1px solid #f0f7ff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pagination-area .pagination li a:hover {
  color: #fff;
}
.pagination-area .pagination li a.active {
  color: #fff;
}

/*=================|| Social media list ||=================*/
.social-link-list li a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  margin: 0 5px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.social-link-list li a:hover {
  border-radius: 50%;
 

Js Structure

We are using several Js files in this Template. labartisan Always follow the latest trends of coding standard. Many browser interpret the default behavior of HTML elements differently. By using a general reset Js file, we can work round this. This file also contains some general styling, such as anchor tag colors, font-sizes, etc. Keep in mind, that these values might be overridden somewhere else in the file.

Js Fiile Included

  • jquery.js used
  • bootstrap.min.js used
  • waypoints.min.js used
  • jquery.counterup.min.js used
  • wow.min.js used
  • swiper.min.js used
  • circularProgressBar.min.js used
  • swiper.min.js used
  • hc-offcanvas-nav.js used
  • and some other necessary css files 
functions.js situated on assets/js/ contain the the all necessary custom style which is well organized and following are the functions.js file structure :
	
 

(function ($) {
    "use strict";
    $(document).ready(function () {


        /*=========Mobile menu start ============*/

        $('#mobile-nav').hcOffcanvasNav({
            position: 'right',
            height: 500,
            customToggle: '.open-menu',
            levelOpen: 'overlap',
            bodyInsert: 'append',
        });

        /*=========Mobile menu end ============*/

        /*======|| Header Menu Start here ||=======*/

        //menu has submenu plus icon
        $(".main-menu>li>.submenu").parent("li").children("a").addClass("dd-icon-down");
        $(".m-menu>li>.m-submenu").parent("li").children("a").addClass("dd-icon-down");
        $(".shop-menu>li>.shop-submenu").parent("li").children("a").addClass("dd-icon-down");
        $(".main-menu>li>.submenu .submenu").parent("li").children("a").addClass("dd-icon-right");
        $(".m-menu>li>.m-submenu .submenu").parent("li").children("a").addClass("dd-icon-right");





        //shop-widget drodown menu display
        $('.shop-widget .shop-menu li a').on('click', function (e) {
            var element = $(this).parent('li');
            if (element.hasClass('open')) {
                element.removeClass('open');
                element.find('li').removeClass('open');
                element.find('ul').slideUp(1000, "swing");
            } else {
                element.addClass('open');
                element.children('ul').slideDown(1000, "swing");
                element.siblings('li').children('ul').slideUp(1000, "swing");
                element.siblings('li').removeClass('open');
                element.siblings('li').find('li').removeClass('open');
                element.siblings('li').find('ul').slideUp(1000, "swing");
            }
        });

        // drop down menu width overflow problem fix
        $('ul').parent().hover(function () {
            var menu = $(this).find("ul");
            var menupos = $(menu).offset();

            if (menupos.left + menu.width() > $(window).width()) {
                var newpos = -$(menu).width();
                menu.css({
                    left: newpos
                });
            }
        });

        //header options in menu fixed
        var fixed_top = $(".header-bottom");
        $(window).on('scroll', function () {
            if ($(this).scrollTop() > 100) {
                fixed_top.addClass("animated fadeInDown menu-fixed");
            } else {
                fixed_top.removeClass("animated fadeInDown menu-fixed");
            }
        });

        //Js code for search box start
        $(".search").on("click", function () {
            $(".nav-search").toggleClass("open");
        });
        /*======|| Header Menu end here ||=======*/

        // counter up start
        $('.counter').counterUp({
            delay: 10,
            time: 2000
        });

        // Sponsor Section slider
        var swiper = new Swiper('.sponsor-area', {
            slidesPerView: 6,
            autoplay: {
                delay: 5000,
                disableOnInteraction: false,
            },
            // Responsive breakpoints
            breakpoints: {
                // when window width is >= 320px
                320: {
                    slidesPerView: 2,
                },
                // when window width is >= 576px
                575: {
                    slidesPerView: 2,
                },
                // when window width is >= 768px
                767: {
                    slidesPerView: 3,
                },
                // when window width is >= 992px
                991: {
                    slidesPerView: 4,
                },
                // when window width is >= 1200px
                1199: {
                    slidesPerView: 5,
                }
            },
            loop: true,
        });

        //Aid section slider
        var galleryThumbs = new Swiper('.gallery-thumbs', {
            spaceBetween: 10,
            slidesPerView: 3,
            freeMode: true,
            watchSlidesVisibility: true,
            watchSlidesProgress: true,
            breakpoints: {
                575: {
                    slidesPerView: 2,
                }
            }
        });
        var galleryThumbs = new Swiper('.gallery-top', {
            spaceBetween: 10,
            thumbs: {
                swiper: galleryThumbs
            },
        });

        // testi slider
        var swiper = new Swiper('.testi-slider', {
            slidesPerView: 3,
            spaceBetween: 0,
            speed: 1200,
            pagination: {
                el: '.testi-pagination',
                clickable: true
            },
            breakpoints: {
                991: {
                    slidesPerView: 2,
                },
                767: {
                    slidesPerView: 1,
                }
            },
            autoplay: {
                delay: 2500,
                disableOnInteraction: false,
            },
            loop: true
        });
        // blog slider start here
        var swiper = new Swiper('.blog-slider', {
            slidesPerView: 1,
            spaceBetween: 0,
            speed: 1200,
            navigation: {
                nextEl: '.blog-slider-next',
                prevEl: '.blog-slider-prev',
            },
            autoplay: {
                delay: 2500,
                disableOnInteraction: false,
            },
            loop: true
        });

        //Shop-single Image Slider
        var galleryThumbs = new Swiper('.shop-thumb-bottom', {
            spaceBetween: 10,
            slidesPerView: 4,
            loop: true,
            freeMode: true,
            loopedSlides: 5, //looped slides should be the same
            watchSlidesVisibility: true,
            watchSlidesProgress: true,
        });
        var galleryTop = new Swiper('.shop-thumb-top', {
            spaceBetween: 10,
            loop: true,
            loopedSlides: 4, //looped slides should be the same
            navigation: {
                nextEl: '.product-img-next',
                prevEl: '.product-img-prev',
            },
            thumbs: {
                swiper: galleryThumbs,
            },
        });

        // scroll up start here
        $(function () {
            $(window).scroll(function () {
                if ($(this).scrollTop() > 300) {
                    $('.scrollToTop').css({
                        'bottom': '2%',
                        'opacity': '1',
                        'transition': 'all .5s ease'
                    });
                } else {
                    $('.scrollToTop').css({
                        'bottom': '-30%',
                        'opacity': '0',
                        'transition': 'all .5s ease'
                    })
                }
            });

            //Click event to scroll to top
            $('.scrollToTop').on('click', function () {
                $('html, body').animate({
                    scrollTop: 0
                }, 500);
                return false;
            });
        });

        // blog section post-thumb-slider
        var swiper = new Swiper('.post-thumb-slider', {
            slidesPerView: 1,
            autoplay: {
                delay: 5000,
                disableOnInteraction: false,
            },
            navigation: {
                nextEl: '.post-thumb-slider-next',
                prevEl: '.post-thumb-slider-prev',
            },
            loop: true,
        });




        // shop cart + - start here
        var CartPlusMinus = $('.cart-plus-minus');
        $(".qtybutton").on("click", function () {
            var $button = $(this);
            var oldValue = $button.parent().find("input").val();
            if ($button.text() === "+") {
                var newVal = parseFloat(oldValue) + 1;
            } else {
                if (oldValue > 0) {
                    var newVal = parseFloat(oldValue) - 1;
                } else {
                    newVal = 1;
                }
            }
            $button.parent().find("input").val(newVal);
        });

        // product view mode change js
        $(function () {
            $('.product-view-mode').on('click', 'a', function (e) {
                e.preventDefault();
                var shopProductWrap = $('.shop-product-wrap');
                var viewMode = $(this).data('target');
                $('.product-view-mode a').removeClass('active');
                $(this).addClass('active');
                shopProductWrap.removeClass('grid list').addClass(viewMode);
            });
        });


        // product single thumb slider
        $(function () {
            var galleryThumbs = new Swiper('.pro-single-thumbs', {
                spaceBetween: 10,
                slidesPerView: 3,
                loop: true,
                freeMode: true,
                loopedSlides: 5,
                watchSlidesVisibility: true,
                watchSlidesProgress: true,
                navigation: {
                    nextEl: '.pro-single-next',
                    prevEl: '.pro-single-prev',
                },
            });
            var galleryTop = new Swiper('.pro-single-top', {
                spaceBetween: 10,
                loop: true,
                loopedSlides: 5,
                thumbs: {
                    swiper: galleryThumbs,
                },
            });
        });

        //Review Tabs
        $('ul.review-nav').on('click', 'li', function (e) {
            e.preventDefault();
            var reviewContent = $('.review-content');
            var viewRev = $(this).data('target');
            $('ul.review-nav li').removeClass('active');
            $(this).addClass('active');
            reviewContent.removeClass('review-content-show description-show').addClass(viewRev);
        });

        // wow animation
        new WOW().init();

        //mouse hover active
        $('.doctor-item').on('mouseenter', function () {
            $(this).addClass('active').parent().siblings().find('.doctor-item').removeClass('active');
        });
    });
}(jQuery));


	
 
 

Credits

jQuery
CSS & Fonts